<template>
	<div class="newsongs">
		<div class="title"><span>最新歌曲</span></div>
		<div class="newsongsList">
			<newsong-item v-for="song in newsongsList" :id="song.id" :key="song.id" ></newsong-item>
		</div>
	</div>
</template>

<script>
import newsongItem from "@/components/newsongItem.vue"
import {mapMutations} from "vuex"
	export default {
		name:"recommendNewsongs",
		data() {
			return {
				
			};
		},
		components:{
			newsongItem
		},
		props:{
			newsongsList:{
				type:Array
			}
		},
		methods:{
			
			// savenowList(e){
				
			// }
		}
	}
</script>

<style lang="scss" scoped>
.newsongs{
		// margin-top: 10px;
		.title{
			height: 60px;
			line-height: 60px;	
			padding: 0 10px;
			box-sizing: border-box;
			span{
				padding-right: 100px;
				padding-bottom: 10px;
				border-bottom: 3px solid #9917f7;
				font-size: 18px;
				font-weight: bold;
			}
		}
		}
</style>
